// pages/movie/movie.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    movie: {},
    isOpen: false,  // 表达是否展开
    comments: []    // 存储当前电影的评论数组
  },

  /** 当点击简介时触发该事件 */
  tapIntroduction(){
    this.setData({
      isOpen: !this.data.isOpen
    })
  },

  /** 点击剧照图片，大图模式浏览剧照列表 */
  tapImage(event){
    let index = event.target.dataset.index;
    console.log(index);

    let urls = this.data.movie.thumb;
    let newUrls = [];
    urls.forEach(item=>{
      newUrls.push(
        item.substring(0,item.lastIndexOf('@')))
    });
    wx.previewImage({
      current: newUrls[index],
      urls: newUrls
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let movieid = options.movieid;
    console.log(movieid);
    
    // 通过 id 加载当前页面中的详细信息
    wx.request({
      url: 'https://api.tedu.cn/detail.php',
      method: 'GET',
      data: {id: movieid},
      success: (res)=>{
        console.log(res);
        // 将movie 存入 data中
        this.setData({movie: res.data});
      }
    })

    // 加载当前电影的评论数据，访问云数据库
    let db = wx.cloud.database();
    db.collection('comments').where({
      movieid: movieid
    })
    .skip(0)     // 从头开始查询
    .limit(4)    // 向后查询4条数据
    .get().then(res=>{
      console.log(res)
      //res.data中存储着对当前电影的评论数组
      this.setData({
        comments: res.data
      })
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})